@import './base.css';

.bg-img{
  height: 100%;
  width: 100%;
  background-size: cover;
}
/* loading */
.loading {
  border-radius: 12px;
  background-color: #e5e5e5;
  overflow: hidden;
}
.loading::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  box-shadow: 0 0 64px 64px #f5f5f5;
  transform: skewX(-30deg);
  animation: bright 1s linear infinite;
  box-sizing: border-box;
}
@keyframes bright {
  from {
    margin-left: -100px;
  }

  to {
    margin-left: calc(100%);
  }
}